<template>
    <el-dialog title="基础信息" :visible.sync="$parent.dialog" width="90%">
        <el-row>
            <el-col :span='3' class="title">设备基础信息</el-col>
            <el-col :span='7' class="message">
                <div>
                    <span>设备唯一ID：</span>
                    <span :show-overflow-tooltip="true">{{form.baseId}}</span>
                </div>
                <div>
                    <span>设备编码：</span>
                    <span>{{form.sbbm}}</span>
                </div>
                <div>
                    <span>设备模板：</span>
                    <span>{{form.sbmb}}</span>
                </div>
            </el-col>
            <el-col :span='7' class="message">
                <div>
                    <span>设备ID：</span>
                    <span>{{form.sbid}}</span>
                </div>
                <div>
                    <span>设备类型：</span>
                    <span>{{form.sblx}}</span>
                </div>
                <div>
                    <span>设备验证码：</span>
                    <span>{{form.sbyzm}}</span>
                </div>
            </el-col>
            <el-col :span='7' class="message">
                <div>
                    <span>是否固定：</span>
                    <span>{{form.sfgd}}</span>
                </div>
                <div>
                    <span>设备状态详情：</span>
                    <span>{{form.sbztxx}}</span>
                </div>
                <div>
                    <span>设备资产编号：</span>
                    <span>{{form.sbzcbh}}</span>
                </div>
            </el-col>
        </el-row>
        <el-row>
            <el-col :span='3' class="title">管理信息</el-col>
            <el-col :span='7' class="message">
                <div>
                    <span>注册人员：</span>
                    <span :show-overflow-tooltip="true">{{form.zcry}}</span>
                </div>
                <div>
                    <span>设备来源系统：</span>
                    <span>{{form.sblyxt}}</span>
                </div>
                <div>
                    <span>设备厂商：</span>
                    <span>{{form.sbcs}}</span>
                </div>
                <div>
                    <span>设备著官方电话：</span>
                    <span>{{form.sbzgfdh}}</span>
                </div>
            </el-col>
            <el-col :span='7' class="message">
                <div>
                    <span>供电方式：</span>
                    <span>{{form.gdfs}}</span>
                </div>
                <div>
                    <span>业务主管方：</span>
                    <span>{{form.ywzgf}}</span>
                </div>
                <div>
                    <span>设备维护人：</span>
                    <span>{{form.sbwhr}}</span>
                </div>
            </el-col>
            <el-col :span='7' class="message">
                <div>
                    <span>设备责任方：</span>
                    <span style="color:#FF2628">{{form.sbzrf}}</span>
                </div>
                <div>
                    <span>工程商编码：</span>
                    <span>{{form.gcsbm}}</span>
                </div>
                <div>
                    <span>设备供应商电话：</span>
                    <span>{{form.sbgysdh}}</span>
                </div>
                <div>
                    <span>设备维护人电话：</span>
                    <span>{{form.sbwhrdh}}</span>
                </div>
            </el-col>
        </el-row>
        <el-row>
            <el-col :span='3' class="title">版本信息</el-col>
            <el-col :span='7' class="message">
                <div>
                    <span>设备种类：</span>
                    <span :show-overflow-tooltip="true">{{form.sbzl}}</span>
                </div>
                <div>
                    <span>软件版本号：</span>
                    <span>{{form.rjbbh}}</span>
                </div>
            </el-col>
            <el-col :span='7' class="message">
                <div>
                    <span>固定版本号：</span>
                    <span>{{form.gjbbh}}</span>
                </div>
                <div>
                    <span>信令版本：</span>
                    <span>{{form.xlbb}}</span>
                </div>
            </el-col>
            <el-col :span='7' class="message">
                <div>
                    <span>设备型号：</span>
                    <span>{{form.sbxh}}</span>
                </div>
                <div>
                    <span>硬件版本号：</span>
                    <span>{{form.yjbbh}}</span>
                </div>
            </el-col>
        </el-row>
    </el-dialog>
</template>

<script>
export default {
    data() {
        return {
            form: {}
        }
    },
    mounted(){

    }
}
</script>

<style scoped>
    .title{
        font-size: 16px;
        font-weight: bold;
    }
    .message div{
        margin: 20px 0;
    }
    .message div:nth-child(1){
        margin-top: 0;
    }
    .message div:nth-last-child(1){
        margin-bottom: 0;
    }
    .message div span{
        display: inline-block;
        overflow: hidden;
        text-overflow: clip;
        white-space: nowrap;
    }
    .message div span:nth-child(1){
        width: 40%;
        font-weight: bold;
    }
    .message div span:nth-child(2){
        width: 55%;
        color: #535353;
    }
    .el-row{
        padding: 20px 0;
        border-bottom: 1px dashed #eee;
    }
</style>